@charset "UTF-8";
/* CSS Document */

/*--------------------------------  Body ------------------------------*/

html, body{
	background-image:	url(Images/background.png);
	width: 100%;
	margin: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #000;
}

div#breite{
	position: absolute;
	left: 50%;
	width: 1020px;
	height: 2635px;
	margin-left: -510px;
}

div#vorlage{
	margin: auto;
	position: absolute;
	top: 1320px;
}

/*--------------------------------  Logo ------------------------------*/

div#anker0{
	border: 5px solid #0F0;
	height: 0px;
	width: 60px;
	position:absolute;
	top: 0px;
	left: 52px;
	opacity: 0;
}
	
div#logo{
	z-index: 1000;
	position: fixed;
	right: 16%;
	top: 60px;
}

/*--------------------------------  Intro ------------------------------*/

div#intor_textbox{
	border: 5px solid #3F3;
	position: absolute;
	left: 60px;
	top: 70px;
	height: 550px;
	width: 200px;
	opacity: 0;
}

div#intro_text1{
	position: absolute;
	left: -215px;;
	top: 305px;
	font-size: 21px;
	line-height: 31px;
	height: 80px;
	width: 590px;
	transform: rotate(270deg);
  	-ms-transform:rotate(270deg); /* für ältere IE Versionen */
  	-moz-transform:rotate(270deg); /* für ältere FireFox Versionen */
  	-webkit-transform:rotate(270deg); /*  für ältere Safari und Chrome Versionen */
  	-o-transform:rotate(270deg);
	opacity: 1;	
}

/*div#intro_text1:hover{
	opacity: 0;
}*/


div#intro_text2{
	position: absolute;
	left: 50px;
	top: 50px;
	font-size: 21px;
	line-height: 31.5px;
	height: 590px;
	width: 242px;
	opacity: 0;
}

/*div#intro_text2:hover{
	opacity: 1;
}*/



div#titel{
	position: absolute;
	right: 78px;
	top: 400px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 116px;
	font-weight: bold;
	line-height: 130px;
}	

div#datum{
	position: absolute;
	left: 320px;
	top: 5px;
	font-family: 'Montserrat Alternates', sans-serif;
	font-size: 42px;
	line-height: 130px;
}	

div#navigation{
	text-decoration: none;
	color: black;
	position: fixed;
	right: 8%;
	top: 400px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 16px;
	transform: rotate(270deg);
  	-ms-transform:rotate(270deg); /* für ältere IE Versionen */
  	-moz-transform:rotate(270deg); /* für ältere FireFox Versionen */
  	-webkit-transform:rotate(270deg); /*  für ältere Safari und Chrome Versionen */
  	-o-transform:rotate(270deg);
}	

a:link,
a:visited,
a:hover,
a:active
	{
	text-decoration: none;
	color: black;
	}
	
a:hover,
a:visited,
a:active
	{
	text-decoration: line-through;
	color: black;
	}

div.navigation{
	font-family: 'Droid Sans', sans-serif;
	font-size: 16px;
	transform: rotate(270deg);
  	-ms-transform:rotate(270deg); /* für ältere IE Versionen */
  	-moz-transform:rotate(270deg); /* für ältere FireFox Versionen */
  	-webkit-transform:rotate(270deg); /*  für ältere Safari und Chrome Versionen */
  	-o-transform:rotate(270deg);
}	

div#navigation1{
	position: fixed;
	right: 14.5%;
	top: 485px;
}